<!DOCTYPE html>
<html><!--HTML5 doctype-->
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="Pragma" content="no-cache">
<script src="intelxdk.js"></script>
<!-- phantom library, needed for XDK api calls -->
<script src="cordova.js"></script>
<!-- phantom library, needed for Cordova api calls -->
<script src="xhr.js"></script>
<!-- phantom library, needed for XDK CORS -->
<script type="text/javascript" language="javascript">
    var onDeviceReady = function () {                 // called when Cordova is ready
      if (window.Cordova && navigator.splashscreen) { // Cordova API detected
        navigator.splashscreen.hide();                // hide splash screen
      }
      setTimeout(function () {
        $.ui.launch();
      }, 50);
    };
    document.addEventListener("deviceready", onDeviceReady, false);
</script>
<script src="js/appframework.ui.min.js"></script>
<script src="js/af.mvc.js"></script>
<script src="js/ap.slidemenu.js"></script>
<script src="app.js"></script>
<script>
    $.ui.useOSThemes = false;
    if(!((window.DocumentTouch&&document instanceof DocumentTouch)||'ontouchstart' in window)){
        var script=document.createElement("script");

        script.src="js/af.desktopBrowsers.js";
        var tag=$("head").append(script);
        if(!$.os.ie){
        //  $.os.desktop=true;
        //  $.feat.nativeTouchScroll=true;
        }
    }
    
    $.ui.useOSThemes = false; //Change this to false to force a device theme
    $.ui.blockPageScroll();
    $.ui.launch();
    $(document).ready(function () {
        $.ui.setSideMenuWidth('260px');
    }
</script>
<link href="css/icons.css" rel="stylesheet" type="text/css">
<link href="css/icons.fa.css" rel="stylesheet" type="text/css">
<link href="css/af.ui2.css" rel="stylesheet" type="text/css">
<link href="css/custom.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="afui" class="ios7">
    <nav id="nav_0">
        <ul class="list">
            <li><a href="#main" class="icon home">Event</a>
            </li>
            <li><a href="#" onclick="$.mvc.route('/event/cart')" class="icon fa-shopping-cart">Cart</a>
            </li>
            <li><a href="#" onclick="myticket_action()" class="icon fa-ticket ">My Tickets</a>
            </li>
            <li><a href="#" onclick="logout();" class="icon fa-power-off">Logout</a>
            </li>
        </ul>
    </nav>
    <div id="header" class="header"></div>
    <div id="content" style="">
        <div class="panel" title="Event" data-nav="nav_0" id="main" selected="selected"
        data-footer="none" style="">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="$.ui.toggleSideMenu()" class="menuButton" style="float:left !important"></a>
                <h1>Event</h1>
                <a id="menubadge2" onclick="$.mvc.route('/event/cart')" class="topButton" style="float:right !important"><i class="icon fa-shopping-cart big"></i>
                </a>
            </header>
            <div id="eventList"></div>
        </div>
        <div class="panel" title="Items" data-nav="nav_0" id="item_panel" data-footer="none"
        style="">
            <div id="itemList"></div>
        </div>
        <div class="panel" title="Detail" data-nav="nav_0" id="detail_panel" data-footer="none"
        style="">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="$.ui.toggleSideMenu()" class="menuButton" style="float:left !important"></a>
                <h1>Detail</h1>
                <a id="menubadge2" onclick="$.mvc.route('/event/cart')" class="topButton" style="float:right !important"><i class="icon fa-shopping-cart big"></i>
                </a>
            </header>
            <div class="container" style="width: 100%; height: 100%;" data-appbuilder-object="container"
            id="detail_div">
            </div>
        </div>
        <div class="panel" title="Cart" data-nav="nav_0" id="cart_panel" data-footer="none"
        style="">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="$.ui.toggleSideMenu()" class="menuButton" style="float:left !important"></a>
                <h1>Cart</h1>
            </header>
            <div id="cart_div">
            </div>
        </div>
        <div class="panel" title="Cart Detail" data-nav="nav_0" id="cart_detail_panel"
        data-footer="none" style="">
            <div class="container" style="width: 100%; height: 100%;" data-appbuilder-object="container"
            id="cart_detail_div">
            </div>
        </div>
        <div class="panel" title="Payment Method" data-nav="nav_0" id="payment_panel" data-footer="none"
        style="">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="$.ui.toggleSideMenu()" class="menuButton" style="float:left !important"></a>
                <h1>Payment Method</h1>
            </header>
            <div id="payment_div">
            </div>
        </div>
        <div class="panel" title="Login" data-nav="nav_0" data-footer="none" id="login"
        style="" data-appbuilder-object="page">

            <div class="container" style="width: 100%; height: 100%;" data-appbuilder-object="container">
                <div class="input_element form_element" style="width:100%;overflow:hidden;padding-top:10px;"
                data-appbuilder-object="input">
                    <input type="text" style="float:left;" id="email" placeholder="Email">
                </div>
                <div class="input_element form_element" style="width:100%;overflow:hidden" data-appbuilder-object="input">
                    <input type="password" style="float:left;" id="password" placeholder="Password">
                </div><a class="button" href="#" style="width: 100%;" data-appbuilder-object="button"
                data-transition="slide" onclick="login();">Login</a>
                <div class="input_element form_element" style="width:100%;overflow:hidden;padding-top:10px;"
                data-appbuilder-object="input" id="errorMessage">
                </div>
            </div>
        </div>
        <div class="panel" title="Select" id="select" data-appbuilder-object="page" style=""
        data-footer="none">
            <div class="container" style="width: 100%; height: 100%;" data-appbuilder-object="container">
                <div class="input_element form_element" style="width:100%;overflow:hidden" data-appbuilder-object="input">
                    <a class="button" href="#" style="width: 100%;" data-appbuilder-object="button"
                    data-transition="slide" id="signUp">Sign Up</a>
                </div>
                <div class="input_element form_element" style="width:100%;overflow:hidden" data-appbuilder-object="input"><a class="button" href="#login" style="width: 100%;" data-appbuilder-object="button"
                    data-transition="slide" id="login">Login</a>
                </div>
            </div>
        </div>

        <div class="panel" title="My Tickets" id="myticket" data-appbuilder-object="page"
        style="" data-footer="none">
            <div class="container" style="width: 100%; height: 100%;" data-appbuilder-object="container">
                <div id="myticket_list"></div>
            </div>
        </div>

    </div>
    <div id="navbar" class="footer">
        <a href="#main" class="icon home">Home</a>
    </div>
    <header id="header_0" data-appbuilder-object="header">
        <a id="backButton" href="#" class="button backButton" style="visibility: visible; ">Back</a>
        <h1 id="pageTitle" class="">test</h1>
    </header>
</div>
</body>





</html>